﻿@{
    ViewBag.Title = "潜啊：一个专做潜水的自由社区";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section footer{
    <script src="webresource/js/destdetail.js"></script>
}
<div class="bread-wrap">
    <ol class="breadcrumb">
      <li><a href="dest">目的地</a><i class="icon icon-arrow"></i></li>
      <li><a>菲律宾</a><span class="caret"></span><a>薄荷岛</a><span class="caret"></span><i class="icon icon-arrow"></i></li>
      <li class="active">薄荷岛旅游攻略</li>
    </ol>
</div>
<div class="plcFirstModule">
    <div class="plcFirstModuleWrap">
        <div class="plcFocusPhoto">
            <div class="carousel slide" id="carousel-example-generic" data-ride="carousel">
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                  <div class="titles-card" style="background-image: url('http://120.24.102.165/Images/Dest/5942183e9305499a9ff886959624d2d5.jpg');"></div>
                  <div class="carousel-caption">
                  </div>
                </div>
                <div class="item">
                  <div class="titles-card" style="background-image: url('http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg');"></div>
                  <div class="carousel-caption">
                  </div>
                </div>
              </div>
              <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>

            <p class="photoMore"><a href="http://place.qyer.com/the-cook-islands/photo/" target="_blank" data-bn-ipg="place-country-pic-all">384张照片</a></p>
        </div>
        <!-- 左侧焦点图 end -->
        <div class="plcFocusOperate">
            <div class="title-small">简介</div>
            <p>见识到了分解落实地方就见识到了分解落实地方就见识到了分解落实地方就见识到了分解落实地方就见识到了分解落实地方就见识到了分解落实地方就见识到了分解落实地方就见识到了分解落实地方就见识到了分解落实地方就见识到了分解落实地方就</p>
            <div class="title-small">最佳潜水季节</div>
            <p>上了飞机来说都放假</p>
        </div>
        <div class="clear"></div>
    </div>
</div>

<div class="plcMenuBarHolder" id="tabs">
    <div class="plcMenuBars">
        <div class="plcMenuBar countryBar">
            <ul class="plcMenuBarList fontYaHei">
                <li class="jieshao current"><a><i class="icon"></i>潜点介绍</a></li>
                <li class="daoda"><a><i class="icon"></i>到达方式</a></li>
                <li class="gonglve"><a><i class="icon"></i>潜水攻略</a></li>
                <li class="dianping"><a><i class="icon"></i>点评</a></li>
            </ul>           
        </div>
    </div>
</div>

<div class="qd-wrap" id="modules">
    <div class="qd">
        <div class="title">
            <h2>潜点介绍</h2>
        </div>
        <ul>
            <li>
                <div class="item-title">
                    <h3>巴黎岛 Balicasd Island</h3>
                </div>
                <div class="sub">
                    <div class="item">
                        <h4>黑森林 Black</h4>
                        <p>蓝色的分解落实的咖啡机楼上的房间上来的分解落实地方见老师的肌肤失落的房间分失落的房间蓝色的肌肤楼上的房间</p>
                        <div class="pics">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <h4>黑森林 Black</h4>
                        <p>蓝色的分解落实的咖啡机楼上的房间上来的分解落实地方见老师的肌肤失落的房间分失落的房间蓝色的肌肤楼上的房间</p>
                        <div class="pics">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-title">
                    <h3>巴黎岛 Balicasd Island</h3>
                </div>
                <div class="sub">
                    <div class="item">
                        <h4>黑森林 Black</h4>
                        <p>蓝色的分解落实的咖啡机楼上的房间上来的分解落实地方见老师的肌肤失落的房间分失落的房间蓝色的肌肤楼上的房间</p>
                        <div class="pics">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <h4>黑森林 Black</h4>
                        <p>蓝色的分解落实的咖啡机楼上的房间上来的分解落实地方见老师的肌肤失落的房间分失落的房间蓝色的肌肤楼上的房间</p>
                        <div class="pics">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                            <img src="http://120.24.102.165/Images/Dest/34bc2a8725184425a04eafb7de4dd041.jpg" alt="">
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <div class="qd dd" style="display: none;">
        <div class="title">
            <h2>到达方式</h2>
        </div>
        <ul>
            <li>
                <div class="item-title">
                    <h3>国内<span class="qdi"><i class="icon icon-flight"></i></span>马尼拉<span class="qdi"><i class="icon icon-ship"></i></span>塔比拉兰<span class="qdi"><i class="icon icon-car"></i></span></i>薄荷岛</h3>
                </div>
                <div class="sub">
                    <div class="item">
                        <p>蓝色的分解落实的咖啡机楼上的房间上来的分解落实地方见老师的肌肤失落的房间分失落的房间蓝色的肌肤楼上的房间</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-title">
                    <h3>国内<span class="qdi"><i class="icon icon-flight"></i></span>马尼拉<span class="qdi"><i class="icon icon-ship"></i></span>塔比拉兰<span class="qdi"><i class="icon icon-car"></i></span></i>薄荷岛</h3>
                </div>
                <div class="sub">
                    <div class="item">
                        <p>蓝色的分解落实的咖啡机楼上的房间上来的分解落实地方见老师的肌肤失落的房间分失落的房间蓝色的肌肤楼上的房间</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <div class="qd gl" style="display: none;">
        <div class="title">
            <h2>潜水攻略</h2>
        </div>
        <ul class="nav nav-pills">
          <li class="active"><a>热门</a></li>
          <li><a>最新</a></li>
          <li><a>精华</a></li>
        </ul>
        <ul class="articles-group articles">
            <li class="articles-item">
                <div class="auth">
                    <a class="author" href="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" class="img-circle" alt="">
                    </a>
                </div>
                <div class="texts">
                    <div class="title-wrap">
                        <a href="" class="title-small">蓝洞--塞班潜水之绝不能错过</a>
                        <span class="title-by">By: 2</span><span class="title-by">发表于: 2000-0-0</span>
                        <span class="num-wrap hidden-xs">
                            <span class="num"><i class="icon icon-favorite"></i>124</span>
                        </span>
                    </div>
                    <div class="content-wrap">
                        <p class="content">世界上有很多蓝洞，其中最著名的是南美伯利兹的大蓝洞，不过对于亚洲人来说实在太远，位于西太平洋塞班岛的蓝洞（Grotto）是大家不错的选择，很多人千里迢迢来到塞班，只是为了蓝洞。</p>
                    </div>
                    <div class="pics">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                    </div>
                </div>
            </li>
            <li class="articles-item">
                <div class="auth">
                    <a class="author" href="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" class="img-circle" alt="">
                    </a>
                </div>
                <div class="texts">
                    <div class="title-wrap">
                        <a href="" class="title-small">蓝洞--塞班潜水之绝不能错过</a>
                        <span class="title-by">By: 2</span><span class="title-by">发表于: 2000-0-0</span>
                        <span class="num-wrap hidden-xs">
                            <span class="num"><i class="icon icon-favorite"></i>124</span>
                        </span>
                    </div>
                    <div class="content-wrap">
                        <p class="content">世界上有很多蓝洞，其中最著名的是南美伯利兹的大蓝洞，不过对于亚洲人来说实在太远，位于西太平洋塞班岛的蓝洞（Grotto）是大家不错的选择，很多人千里迢迢来到塞班，只是为了蓝洞。</p>
                    </div>
                    <div class="pics">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                    </div>
                </div>
            </li>
        </ul>

         <nav>
            <ul class="pagination pull-right">
                <!-- <li class="disabled"><a href="#" aria-label="Previous">前页</a></li> -->
                <li class="active"><a>1 <span class="sr-only">(current)</span></a></li>
                <li><a>2</a></li>
                <li><a>3</a></li>
                <li><a>4</a></li>
                <li><a>5</a></li>
                <li class="active"><a>下一页</a></li>
                <li class="active"><a>末页</a></li>
            </ul>
        </nav>
    </div>

    <div class="qd gl dp" style="display: none;">
        <div class="title">
            <h2>点评</h2>
        </div>
        <ul class="articles-group articles">
            <li class="articles-item">
                <div class="auth">
                    <a class="author" href="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" class="img-circle" alt="">
                    </a>
                </div>
                <div class="texts">
                    <div class="title-wrap">
                        <a href="" class="title-small">蓝洞--塞班潜水之绝不能错过</a>
                        <span class="num-wrap">
                            <span class="num pull-left"><i class="icon icon-star"></i><i class="icon icon-star"></i><i class="icon icon-star"></i><i class="icon icon-star"></i><i class="icon icon-star"></i></span>
                            <span class="num zan"><i class="icon icon-zan"></i><span>124</span></span>
                        </span>
                    </div>
                    <div class="content-wrap">
                        <p class="content">世界上有很多蓝洞，其中最著名的是南美伯利兹的大蓝洞，不过对于亚洲人来说实在太远，位于西太平洋塞班岛的蓝洞（Grotto）是大家不错的选择，很多人千里迢迢来到塞班，只是为了蓝洞。</p>
                    </div>
                    <div class="pics">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                        <img src="http://120.24.102.165/Images/Article/93e433200d5b473395993e3ea817c3be.jpg" alt="">
                    </div>
                    <span class="title-by">2000-0-0</span>
                </div>
            </li>
        </ul>

         <nav>
            <ul class="pagination pull-right">
                <!-- <li class="disabled"><a href="#" aria-label="Previous">前页</a></li> -->
                <li class="active"><a>1 <span class="sr-only">(current)</span></a></li>
                <li><a>2</a></li>
                <li><a>3</a></li>
                <li><a>4</a></li>
                <li><a>5</a></li>
                <li class="active"><a>下一页</a></li>
                <li class="active"><a>末页</a></li>
            </ul>
        </nav>
    </div>
</div>
